转自： https://blog.csdn.net/eson_15/article/details/51487323

　　昨天把项目部署了一下，玩了玩，今天完善了一下购物车中修改商品数量就能局部更新相应的总价的功能，大家都知道这得用Ajax实现，我之前也没学Ajax，刚好借助这个小功能，去简单学习一下Ajax的知识。 

　

1. 问题的分析

　 

　　

先看一下页面中的情况： 

　　功能如上，在没有Ajax之前，一般都是根据用户修改的值去找Action，然后返回新的jsp页面重新加载整个页面，完成数字的更新。但是有了Ajax技术后，我们可以利用Ajax技术局部刷新要改变的地方，而不是重新加载整个页面。首先看一下上图对应的jsp部分的代码：

 

      
    
        
       
 
        
         我的购物车
        
 
         
        
        
          
          
            
商品编号
            
商品名称
            
销售价格
            
数量
            
小计
            
删除
           
           
            
${num.count }
            
            
${sorder.name }
            
${sorder.price }
            
 
              
            
${sorder.price*sorder.number }
            
           
           
        
 
         
        
 
         
           
            
             
小计
             
￥${sessionScope.forder.total} 
            
            
             
运费